<template>
	<view>
		<view>
			<view style="font-weight: bold ;margin-top:30px ;font-size: 18px;text-align: center;">解聘现物业业主大会投票
			</view>
			<view style="color:#999999;margin-top:10px;font-size: 14px;text-align: center;">投票时间：2012.12.11~2012.12.18
			</view>
			<view style="color:#999999;margin-top:10px;font-size: 14px;text-align: center;">注：每人有n票，最多可投票n项。不投票视为不同意。
			</view>
		</view>




		<!-- 	<view>
			<view style="padding: 20px  15px 0px 10px;font-size: 16px;">
				委托人：
			</view>
			<view>
				<view style='margin-top:10px ;padding: 15px;background: #ffffff;display: flex;'>
					<image style="width:100px;height:120px" src="../../../static/image/guoguo.jpg"></image>
					<view style='margin-left:20px'>
						<view>
							<span style="color:#666666">姓名：</span>李四
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">楼号：</span>9-3-102
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">性别：</span>男
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">名族：</span>汉
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">政治面貌：</span>党员
						</view>
					</view>
				</view>
				<view style='margin-top:10px ;padding: 15px;background: #ffffff;display: flex;'>
					<image style="width:100px;height:120px" src="../../../static/image/guoguo.jpg"></image>
					<view style='margin-left:20px'>
						<view>
							<span style="color:#666666">姓名：</span>李四
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">楼号：</span>9-3-102
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">性别：</span>男
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">名族：</span>汉
						</view>
						<view style="margin-top:5px">
							<span style="color:#666666">政治面貌：</span>党员
						</view>
					</view>
				</view>
			</view>
			<view>
				<view style="padding:30px  0  0 15px;">
					业主大会议题：
				</view>
				<view style="padding:15px 15px 74px 15px ">
					<view style="width: 345px;background: #FFFFFF;border-radius: 6px;">
						<view class="border-bottom" style="padding: 18px;">
							业主大会议题1：内容内容内容内容内容内容内容
							内容内容内容内容内容
						</view>
						<view class="flexClsNowrapSpcBtw align-center" style="padding: 18px;">
							<view style="color:#999999">
								已投：12票
							</view>
							<view
								style="text-align: center;line-height: 30px;color:#ffffff;width: 88px;height: 30px;background: linear-gradient(180deg, #76D904 0%, #417505 100%);border-radius: 22px;">
								同意
							</view>
							<view
								style="text-align: center;line-height: 30px;color:#999999;width: 88px;height: 30px;border-radius: 22px;border: 1px solid #CCCCCC;">
								不同意
							</view>
						</view>
					</view>
				</view>
				<view class="position-fixed bottom-0 bg-white" style="padding: 5px 45px;">
					<view
						style=" line-height: 44px;text-align: center;color:#FFFFFF;font-size:14px; width: 285px;height: 44px;background: linear-gradient(180deg, #76D904 0%, #417505 100%);border-radius: 22px;">
						确认投票
					</view>
				</view>
			</view>
		</view> -->


		<view>
			<view style="padding:15px 15px 74px 15px ">
				<view style="width: 345px;background: #FFFFFF;border-radius: 6px;margin-top: 10px;">
					<view class="border-bottom" style="padding: 18px;">
						业主大会议题1：内容内容内容内容内容内容内容
						内容内容内容内容内容
					</view>
					<view class="flexClsNowrapSpcBtw align-center" style="padding: 18px;">
						<view style="color:#999999">
							已投：12票
						</view>
						<view
							style="text-align: center;line-height: 30px;color:#ffffff;width: 88px;height: 30px;background: linear-gradient(180deg, #76D904 0%, #417505 100%);border-radius: 22px;">
							同意
						</view>
						<view
							style="text-align: center;line-height: 30px;color:#5AA404;width: 88px;height: 30px;border-radius: 22px;border: 1px solid #5AA404;">
							不同意
						</view>
					</view>
				</view>
				<view style="width: 345px;background: #FFFFFF;border-radius: 6px;margin-top: 10px;">
					<view class="border-bottom" style="padding: 18px;">
						业主大会议题1：内容内容内容内容内容内容内容
						内容内容内容内容内容
					</view>
					<view class="flexClsNowrapSpcBtw align-center" style="padding: 18px;">
						<view style="color:#999999">
							已投：12票
						</view>
						<!-- <view
							style="text-align: center;line-height: 30px;color:#ffffff;width: 88px;height: 30px;background: linear-gradient(180deg, #76D904 0%, #417505 100%);border-radius: 22px;">
							同意
						</view> -->
						<view
							style="text-align: center;line-height: 30px;color:#999999;width: 88px;height: 30px;border-radius: 22px;border: 1px solid #CCCCCC;;">
							不同意
						</view>
					</view>
					<view style="padding: 15px 18px;" class="flexClsNowrapSpcBtw">
						<view style="font-size: 16px;">
							统计数据
						</view>
						<view style="font-size: 14px;color:#999999">
							<span style="margin-right: 5px;">收起</span>
							<u-icon name="arrow-down" color="#9B9B9B" size="28"></u-icon>
						</view>
					</view>
				</view>

				<view style="width: 345px;background: #FFFFFF;border-radius: 6px;margin-top: 10px;">
					<view class="border-bottom" style="padding: 18px;">
						业主大会议题1：内容内容内容内容内容内容内容
						内容内容内容内容内容
					</view>
					<view class="flexClsNowrapSpcBtw align-center" style="padding: 18px;">
						<view style="color:#999999">
							已投：12票
						</view>
						<!-- <view
							style="text-align: center;line-height: 30px;color:#ffffff;width: 88px;height: 30px;background: linear-gradient(180deg, #76D904 0%, #417505 100%);border-radius: 22px;">
							同意
						</view> -->
						<view
							style="text-align: center;line-height: 30px;color:#999999;width: 88px;height: 30px;border-radius: 22px;border: 1px solid #CCCCCC;;">
							不同意
						</view>
					</view>
					<view style="padding: 15px 18px;" class="flexClsNowrapSpcBtw">
						<view style="font-size: 16px;">
							统计数据
						</view>
						<view style="font-size: 14px;color:#999999">
							<span style="margin-right: 5px;">收起</span>
							<u-icon name="arrow-down" color="#9B9B9B" size="28"></u-icon>
						</view>
					</view>
					<view>
						<view class="flex" style="padding:15px;">
							<u-circle-progress width="100" active-color="#457D05" inactive-color="#9CE44A"
								:percent="40">
								<view class="u-progress-content">
									<view class="u-progress-dot"></view>
									<!-- <text class='u-progress-info'>查找中</text> -->
								</view>
							</u-circle-progress>
							<view style="margin-left:15px">
								<view>
									40%
								</view>
								<view class="mt-1">
									同意122人
								</view>
							</view>
						</view>
						<view class="flex" style="padding:15px;">
							<u-circle-progress width="100" active-color="#457D05" inactive-color="#9CE44A"
								:percent="40">
								<view class="u-progress-content">
									<view class="u-progress-dot"></view>
									<!-- <text class='u-progress-info'>查找中</text> -->
								</view>
							</u-circle-progress>
							<view style="margin-left:15px">
								<view>
									40%
								</view>
								<view class="mt-1">
									参与人数122人
								</view>
							</view>
						</view>
					</view>
				</view>


			</view>
			<view class="position-fixed bottom-0 bg-white" style="padding: 5px 45px;">
				<view
					style=" line-height: 44px;text-align: center;color:#FFFFFF;font-size:14px; width: 285px;height: 44px;background: linear-gradient(180deg, #76D904 0%, #417505 100%);border-radius: 22px;">
					确认投票
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.u-progress-content {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.u-progress-dot {
		width: 16rpx;
		height: 16rpx;
		border-radius: 50%;
		background-color: #fb9126;
	}

	.u-progress-info {
		font-size: 28rpx;
		padding-left: 16rpx;
		letter-spacing: 2rpx
	}
</style>
